home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 10218 / 10218.xpi / content / css / genericVideoSummary.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2009-12-08  |  11.1 KB  |  405 lines
  1. .summaryContainer {
  2.     background: url('http://rexee-00.vo.llnwd.net/d1/application/images/generic-summary-4.png') no-repeat 0px -132px;
  3.     width: 752px;
  4.     height: 132px;
  5.     display: block;
  6.     position: relative;
  7.     margin-bottom: 10px;
  8. }
  9.  
  10. .summaryContainerDuplicate {
  11.     height: 132px;
  12. }
  13.  
  14. .summaryContainerLong {
  15.     background-position: 0px -264px;    
  16.     width: 976px;
  17. }
  18.  
  19. .summaryContainerSponsored {
  20.     background-color: #fff8dc;
  21.     border-right: 2px solid #fff8dc;    
  22. }
  23.  
  24. .summaryContainer .previewImageContainer {
  25.     height: 120px;
  26.     width: 160px;
  27.     display: block;
  28.     position: relative;
  29.     top: 6px;
  30.     left: 6px;
  31.     overflow: hidden;
  32. }
  33.  
  34. .summaryContainer .previewImageContainer a, .summaryContainer .previewImageContainer img {
  35.     text-decoration: none;
  36.     color: transparent;
  37.     border: medium none;
  38. }
  39.  
  40. .summaryContainer .previewImageContainer .noVisualIndex, .summaryContainer .previewImageContainer .time, .summaryContainer .previewImageContainer .fullepisode, .summaryContainer .previewImageContainer .fullmovie {
  41.     background-image: url('http://rexee-00.vo.llnwd.net/d1/application/images/generic-summary-4.png');
  42.     height: 16px;
  43.     position: absolute;
  44.     padding-top: 3px;
  45.     font-weight: bold;
  46.     color: #eeeeee;
  47. }
  48.  
  49. .summaryContainer .previewImageContainer .noVisualIndex {
  50.     background-position: -788px 0px;
  51.     top: 0px;
  52.     left: 0px;
  53.     padding: 2px 0px 0px 0px;
  54.     width: 100%;
  55.     text-align: center;
  56.     font-size: 9px;
  57.     display: none;
  58. }    
  59.  
  60. .summaryContainer .previewImageContainer .time {
  61.     background-position: -788px 0px;
  62.     right: 0px;
  63.     bottom: 0px;
  64.     padding-left: 5px;
  65.     padding-right: 5px;    
  66.     display: block;
  67.     font-size: 11px;    
  68.  
  69. }    
  70.  
  71. .summaryContainer .previewImageContainer .time a {
  72.     color: #ffffff;    
  73. }
  74.  
  75. .summaryContainer .previewImageContainer .fullepisode {
  76.     background-position: -788px -20px;
  77.     bottom: 0px;
  78.     left: 0px;
  79.     padding-left: 0px;
  80.     padding-right: 0px;
  81.     width: 67px;
  82. }
  83.  
  84. .summaryContainer .previewImageContainer .fullmovie {
  85.     background-position: -788px -40px;
  86.     bottom: 0px;
  87.     left: 0px;
  88.     padding-left: 0px;
  89.     padding-right: 0px;
  90.     width: 57px;    
  91. }
  92.  
  93. .summaryContainer .isOpenExternally {
  94.     background: transparent url('http://rexee-00.vo.llnwd.net/d1/application/images/popup-02.png') no-repeat scroll 0 0;
  95.     position: absolute;
  96.     top: 2px;
  97.     right: 2px;
  98.     width: 16px;
  99.     height: 14px;
  100. }
  101.  
  102. .summaryContainer .summaryInformation {
  103.     height: 47px;
  104.     width: 572px;
  105.     display: block;
  106.     position: absolute;
  107.     top: 4px;
  108.     left: 176px;    
  109. }
  110.  
  111. .summaryContainerLong .summaryInformation {
  112.     width: 800px
  113. }
  114.  
  115. .summaryContainer .summaryInformation .showOptions {
  116.     position: relative;
  117.     top: 36px;
  118.     visibility: hidden;
  119.     float: right;
  120. }
  121.  
  122. .summaryContainer .summaryInformation .showOptions .moreFacesToggle {
  123.     float: left;
  124.     margin-right: 15px;
  125. }
  126.  
  127. .summaryContainer .summaryInformation .showOptions .showFacesToggle {
  128.     float: left;
  129. }
  130.  
  131. .summaryContainer .summaryInformation .title {
  132.     position: absolute;
  133.     color: #0078ff;
  134.     font-size: 16px;
  135.     width: 552px;
  136.     top: 0px;
  137.     left: 0px;
  138.     height: 19px;
  139.     overflow: hidden;
  140.     text-align: left;
  141. }
  142.  
  143. .summaryContainer .summaryInformation .title a {
  144.     font-weight: bold;
  145.     text-decoration: none;
  146. }
  147.  
  148. .summaryContainer .summaryInformation .synopsis {
  149.     position: absolute;
  150.     font-size: 11px;
  151.     top: 21px;
  152.     left: 0px;
  153.     overflow: hidden;
  154.     height: 1.1em;
  155.     text-align: left;    
  156. }
  157.  
  158. .summaryContainer .summaryInformation .footer {
  159.     position: absolute;
  160.     top: 37px;
  161.     left: 0px;
  162.     text-align: left;    
  163. }
  164.  
  165. .summaryContainer .summaryInformation .source {
  166.     color: #008000;
  167.     float: left;
  168.     text-align: left;
  169.     font-size: 11px;
  170.     text-decoration: none;
  171. }
  172.  
  173. .summaryContainer .summaryInformation .source:hover {
  174.     text-decoration: underline;    
  175. }
  176.  
  177. .summaryContainer .summaryInformation .age {
  178.     float: left;
  179.     font-size: 11px;
  180.     margin-left: 10px;
  181.     text-align: left;    
  182. }
  183.  
  184. .summaryContainer .summaryInformation .views {
  185.     display: none;
  186.     float: left;
  187.     font-size: 11px;
  188.     margin-left: 10px;
  189.     text-align: left;    
  190. }
  191.  
  192. .summaryContainer .visuallyIndexedStatusContainer {
  193.     display: none;
  194. }
  195.  
  196. .summaryContainer .summaryThumbnails {
  197.     height: 56px;
  198.     width: 572px;
  199.     display: block;
  200.     position: absolute;
  201.     top: 62px;
  202.     left: 178px;
  203.     list-style-image: none;
  204.     list-style-position: outside;
  205.     list-style-type: none;    
  206.     overflow: hidden;
  207. }
  208.  
  209. .summaryContainerLong .summaryThumbnails {
  210.     width: 800px;
  211. }
  212.  
  213. .summaryContainer .summaryThumbnails li {
  214.     width: 57px;
  215.     height: 57px;
  216.     display: block;
  217.     float: left;
  218.     position: relative;
  219. }
  220.  
  221. .summaryContainer .summaryThumbnails .time {
  222.     color: #0078ff;
  223.     font-size: 10px;    
  224.     position: absolute;
  225.     bottom: 1px;
  226.     left: 4px;
  227. }
  228.  
  229. .summaryContainer .summaryThumbnails .summaryThumbnailFrameHover { 
  230.     display: block;
  231.     float: left;
  232.     width: 52px;
  233.     height: 40px;
  234.     position: relative;
  235. }
  236.  
  237. .summaryContainer .summaryThumbnails .summaryThumbnailFrameHover.on {
  238.     border: 2px solid #188ED6;
  239. }
  240.  
  241. .summaryContainer .summaryThumbnails .jumpToFrame .summaryThumbnailFrameHover.on .jumpToTime {
  242.     background: url('http://rexee-00.vo.llnwd.net/d1/application/images/generic-summary-4.png') no-repeat -867px -50px;
  243.     width: 12px;
  244.     height: 11px;
  245.     display: block;
  246.     position: absolute;
  247.     top: 2px;
  248.     right: 2px;
  249. }
  250.  
  251. .summaryContainer .summaryThumbnails .summaryThumbnailFrame {
  252.     display: block;
  253.     cursor: pointer;
  254.     margin: 2px;
  255.     border: medium none;
  256. }
  257.  
  258. .summaryContainer .summaryThumbnails .summaryThumbnailFrameHover.on .summaryThumbnailFrame { 
  259.     margin: 0px;
  260. }
  261.  
  262. .summaryContainer .sponsoredResultLabel {
  263.     display: none;
  264. }
  265.  
  266. .summaryContainerSponsored .sponsoredResultLabel {
  267.     position: absolute;
  268.     right: 8px;
  269.     top: 8px;
  270.     color: #999999;
  271.     font-weight: bold;
  272.     display: block;
  273. }
  274.  
  275. .summaryContainer a.buttonForward, .summaryContainer a.buttonBackward {
  276.     background-image: url('http://rexee-00.vo.llnwd.net/d1/application/images/generic-summary-4.png');
  277.     display: none;
  278.     height: 33px;
  279.     position: absolute;
  280.     top: 68px;
  281.     width: 22px;
  282.     z-index: 50;
  283. }
  284.  
  285. .summaryContainer a.buttonForward {
  286.     background-position: -924px -60px;
  287.     right: 10px;
  288. }
  289.  
  290. .summaryContainer a.buttonForward:hover {
  291.     background-position: -924px -22px;
  292. }
  293.  
  294. .summaryContainer a.buttonBackward {
  295.     background-position: -899px -22px;
  296.     right: 35px;
  297. }
  298.  
  299. .summaryContainer a.buttonBackward:hover {
  300.     background-position: -899px -60px;
  301. }
  302.  
  303. .summaryDuplicateContainer {
  304.     margin-top: -8px;
  305.     margin-bottom: 10px;
  306. }
  307.  
  308. .summaryDuplicateContainer .summaryDuplicateVideosHeader {
  309.     padding-top: 1px;
  310. }
  311.  
  312. .summaryDuplicateContainer .summaryDuplicateVideosHeader a.summaryDuplicateVideosLink {
  313. }
  314.  
  315. .summaryDuplicateContainer .summaryDuplicateVideosHeader a.summaryDuplicateVideosLink:hover {
  316.     border-bottom: 1px dotted #0078ff;    
  317. }
  318.  
  319. .summaryDuplicateContainer .summaryDuplicateVideosHeader a.summaryDuplicateVideosLinkOpen .summaryDuplicateVideosIcon, .summaryDuplicateContainer .summaryDuplicateVideosHeader a.summaryDuplicateVideosLinkClose .summaryDuplicateVideosIcon {
  320.     background-image: url('http://rexee-00.vo.llnwd.net/d1/application/images/generic-summary-4.png');
  321.     height: 14px;
  322.     width: 14px;
  323.     display: block;     
  324.     float: left;  
  325.     margin-left: 10px;
  326.     margin-right: 6px; 
  327.     margin-top: -1px;
  328. }
  329.  
  330. .summaryDuplicateContainer .summaryDuplicateVideosHeader a.summaryDuplicateVideosLinkOpen .summaryDuplicateVideosIcon {
  331.     background-position: -867px -35px;
  332. }
  333.  
  334. .summaryDuplicateContainer .summaryDuplicateVideosHeader a.summaryDuplicateVideosLinkOpen:hover .summaryDuplicateVideosIcon {
  335.     background-position: -882px -35px;
  336. }
  337.  
  338. .summaryDuplicateContainer .summaryDuplicateVideosHeader a.summaryDuplicateVideosLinkClose .summaryDuplicateVideosIcon {
  339.     background-position: -867px -20px;    
  340. }
  341.  
  342. .summaryDuplicateContainer .summaryDuplicateVideosHeader a.summaryDuplicateVideosLinkClose:hover .summaryDuplicateVideosIcon {
  343.     background-position: -882px -20px;    
  344. }
  345.  
  346. .summaryDuplicateContainer .summaryDuplicateVideos {
  347.     display: none;
  348.     margin-top: 10px;
  349.     margin-left: 25px;
  350. }
  351.  
  352. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer {
  353.     font-size: 11px;
  354.     position: relative;
  355.     height: 34px;
  356.     margin-bottom: 10px;
  357. }
  358.  
  359. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer .duplicateVideoThumbnail {
  360.     padding: 1px;
  361.     border: 1px solid #dddddd;
  362. }
  363.  
  364. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer .duplicateVideoHeader {
  365.     position: absolute;                                                     
  366.     top: 2px;                                                               
  367.     left: 50px;                                                             
  368.     width: 600px;                                                           
  369.     display: block;                                                         
  370. }                                                                           
  371.                                                                             
  372. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer .duplicateVideoHeader .duplicateVideoTitle a {
  373.     font-weight: bold;                                                      
  374.     color: #0078ff;                                                         
  375.     float: left;                                                            
  376. }                                                                           
  377.                                                                             
  378. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer .duplicateVideoHeader .duplicateVideoLength {
  379.     float: left;                                                            
  380.     margin-left: 20px;                                                      
  381. }                                                                           
  382.                                                                             
  383. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer .duplicateVideoHeader .duplicateVideoAdded {
  384.     float: left;                                                            
  385.     margin-left: 20px;                                                      
  386. }                                                                           
  387.                                                                             
  388. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer .duplicateSummary {
  389.     position: absolute;                                                     
  390.     top: 18px;                                                              
  391.     left: 50px;                                                             
  392.     width: 600px;                                                           
  393.     display: block;                                                         
  394. }                                                                           
  395.                                                                             
  396. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer .duplicateSummary .duplicateSummarySource {
  397.     float: left;  
  398.     color: #008000;                                                               
  399. }          
  400.  
  401. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer .duplicateSummary .duplicateSummaryDescription {
  402.     float: left;       
  403.     margin-left: 10px;                                                       
  404. }                                                                 
  405.